- [`debugger`](#1-debugger)
- [`log`](#2-log)
- [Chrome Extension](#3-chrome-extension)

## `1` `debugger`

This helper component can hit the breakpoint on render and from there you can inspect the components tree, and also the model.
```mask
ul > each(users) {
	debugger;
	li > '~[name]'
}
```

## `2` `log`

This helper component can output the expressions result to the console.
```mask
ul > each(users) {
	log (id, name);
	li > '~[name]'
}
```

## `3` Chrome extension

:link: [WebStore](https://chrome.google.com/webstore/detail/atmajs-devtool/bpaepkmcmoablpdahclhdceapndfhdpo)

----
:checkered_flag: